<template>
  <right-template :title="componentData.title" :tabName="componentData.tabName">
    <el-form class="right-address">
      <input-normal label="导出表头" v-model="commonAttr.tableName" @change="onChangeAttr"></input-normal>
      <input-normal label="占位提示" v-model="commonAttr.placeholder" @change="onChangeAttr"></input-normal>
      <slider-normal v-model="commonAttr.fontSize" label="字号" :max="100" :step="1" @change="onChangeAttr"></slider-normal>
      <color-normal v-model="commonAttr.color" label="字体颜色" format="rgb" @change="onChangeAttr"></color-normal>
      <color-normal v-model="commonAttr.arrowBtnColor" label="下拉箭头颜色" format="rgb" @change="onChangeAttr"></color-normal>
    </el-form>
  </right-template>
</template>

<script>
import RightTemplate from '@/views/child/right/right-template.vue'
import InputNormal from '@/views/components/edit/InputNormal.vue'
import SliderNormal from '@/views/components/edit/SliderNormal.vue'
import ColorNormal from '@/views/components/edit/ColorNormal.vue'
import { editUtils } from '@/views/js/edit-utils'

export default {
  name: "RightAddress",
  mixins: [editUtils],
  components: {
    RightTemplate,
    InputNormal,
    SliderNormal,
    ColorNormal,
  },
  computed: {
  },
  methods: {
  }
};
</script>
